import {Box, Text} from "@mantine/core";

export interface ContactUsProps {
  icon: React.FC<any>;
  title: string;
  description: string;
}

export const ContactUsItem = ({icon: Icon, title, description}: ContactUsProps) => {
  return (
    <Box style={{display: "flex", alignItems: "center"}}>
      <Box mr="md">
        <Icon size={24} />
      </Box>

      <Box>
        <Text size="xs">{title}</Text>
        <Text>{description}</Text>
      </Box>
    </Box>
  );
};
